<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">  
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Static Top Navbar Example for Bootstrap</title>
        <!-- Bootstrap core CSS -->
        <link rel="stylesheet" href="../webjars/bootstrap/${bootstrap.version}/css/bootstrap.css">
        <!-- <link rel="stylesheet" href="../webjars/bootstrap/${bootstrap.version}/css/bootstrap-theme.css"> -->
        <link rel="stylesheet" href="../webjars/ng-grid/${ng-grid.version}/ng-grid.css">
        <link rel="stylesheet" href="../js/libs/angular-strap/datepicker.css"/>
        <link rel="stylesheet" href="../webjars/angularjs/${angularjs.version}/angular-csp.css"/>
        <link rel="stylesheet" href="../js/libs/semanticUI/grid.css"/>
        <style>
    .node {
        stroke: #fff;
        stroke-width: 1.5px;
    }

    .link {
        stroke: #999;
        stroke-opacity: .6;
    }

</style>                 
    </head>
    <body>
        <!-- Static navbar -->
        <div class="navbar navbar-dark bg-dark navbar-static-top navbar-expand-md">
            <div class="container">
                <a class="navbar-brand" href="#!">通用信息化系统</a>
                <div class="navbar-collapse collapse" ng-controller="TopMain.MenuCtrl">
                    <ul class="nav navbar-nav">
                        <li ng-repeat="menu in menuTree" ng-class="menu.class" class="nav-item">
                            <a ng-hide="menu.children" href="{{menu.href}}"  class="nav-link">{{menu.name}}</a>
                            <a ng-show="menu.children" href="javascript:return false;" class="dropdown-toggle nav-link" data-toggle="dropdown">{{menu.name}}<b class="caret"></b></a>
                            <ul ng-show="menu.children" class="dropdown-menu">
                                <li ng-repeat="subMenu in menu.children"  class="dropdown-item">
                                    <a  href="{{subMenu.href}}">{{subMenu.name}}</a>
                                </li>                                
                            </ul>
                        </li>                           
                    </ul>
                    <ul class="nav navbar-nav ml-auto">
                        <li class="nav-item"><a class="nav-link">欢迎，{{settings.username ===undefined? "guest": settings.username}}</a>
                        </li>                        
                        <li class="nav-item"><a class="nav-link" href="../logout">{{settings.username ===undefined? "登录": "退出"}}</a></li>
                    </ul>
                </div><!--/.nav-collapse -->
            </div>
        </div>
        <div class="container-fluid">
            <div class="row" style="margin-top: 5px">
                <div class="col-md-3">   
                    <nav class="card bg-light card-body sidebar-nav">
                        <ul id="sidebar-entries" class="nav flex-column">
                            <li class="nav-item">关联关系/函数计算说明：日支出=材料生命值单价*日工作量</li>                                
                            <li class="nav-item">模块用到的相关信息</li>  
                            <li class="nav-item"><a class="nav-link" href="nav.html#!/models/DictionaryCategory">DictionaryCategory</a></li>                                
                            <li class="nav-item"><a class="nav-link" href="nav.html#!/models/Position">Position</a></li>                                
                            <li class="nav-item"><a class="nav-link" href="nav.html#!/models/Group">Group</a></li>                             
                            <li class="nav-item">该模块被以下模块利用</li>    
                            <li class="nav-item"><a class="nav-link" href="nav.html#!/models/Employee">Employee</a></li>                                
                            <li class="nav-item"><a class="nav-link" href="nav.html#!/models/Dictionary">Dictionary</a></li>                                
                            <li class="nav-item">代办任务</li> 
                            <li class="nav-item"><a class="nav-link" href="nav.html#!/models/User">您有不完整的数据，需要修补</a></li>
                            <li class="nav-item"><a class="nav-link" href="nav.html#!/models/Role">数据验证</a></li>  
                            <li class="nav-item"><a class="nav-link" href="nav.html#!/models/Role">定额马上到期</a></li>
                            
                            <!-- <li><a href="nav.html#!/models/MaterialPeriod">MaterialPeriod</a></li>                                
                            <li><a href="nav.html#!/models/AssessItem">AssessItem</a></li>                                
                            <li><a href="nav.html#!/models/Material">Material</a></li>                                
                            <li><a href="nav.html#!/models/PaymentsDaily">PaymentsDaily</a></li>                                
                            <li><a href="nav.html#!/models/ProductionQuota">ProductionQuota</a></li>                                
                            <li><a href="nav.html#!/models/MaterialUsage">MaterialUsage</a></li>  
                            <li><a href="nav.html#!/models/MemberCard">MemberCard</a></li>                                
                            <li><a href="nav.html#!/models/WorkloadRecord">WorkloadRecord</a></li>  
                            <li><a href="nav.html#!/models/MaterialStock">MaterialStock</a></li> 
                            <li><a href="nav.html#!/models/OrderForm">OrderForm</a></li>    -->
                        </ul>
                    </nav>
                </div>
                <div class="col-md-9">
                    <div id="main" class="card bg-light card-body">
                        <div ng-view></div>
                    </div>
                </div>
            </div>                
        </div> 
        <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!--[if lt IE 9]>
          <script src="../../assets/js/html5shiv.js"></script>
          <script src="../../assets/js/respond.min.js"></script>
        <![endif]-->
        <script src="../webjars/jquery/${jquery.version}/jquery.js"></script>
        <script src="../webjars/bootstrap/${bootstrap.version}/js/bootstrap.js"></script>
        <script src="../webjars/angularjs/${angularjs.version}/angular.js"></script>
        <script src="../webjars/angularjs/${angularjs.version}/angular-route.js"></script>
        <script src="../webjars/angularjs/${angularjs.version}/angular-resource.js"></script>         
        <script src="../webjars/ng-grid/${ng-grid.version}/ng-grid.js"></script> 
        <script src="../js/libs/ng-grid/zh-cn.js"></script> 
        <script src="../js/libs/angular-strap/bootstrap-datepicker.js"></script> 
        <script src="../js/libs/angular-strap/bootstrap-datepicker.zh-CN.js"></script> 
        <script src="../js/libs/angular-strap/angular-strap.js"></script> 
        <!-- <script src="../webjars/d3js/${d3js.version}/d3.js"></script> -->
        <!-- <script src="../js/libs/logger.min.js"></script> -->
        <!-- <script src="../js/libs/hawtio-plugin-loader.js"></script> -->
        <script src="../js/baseCrud.js"></script>
        <script src="../js/topMain.js"></script>
        <script src="../js/vendor.js"></script>   
    </body>
</html>

